@scope {

	/* Only match links inside a light-scheme */
	a {
		color: darkmagenta;
	}
}

@scope (.light-scheme) {

/* Only match links inside a light-scheme */
a {
	color: darkmagenta;
}
}

@scope to (.content > *) {
img {
	border-radius: 50%;
}

.content {
	padding: 1em;
}
}

@scope (.media-object) to (.content > *) {
img {
	border-radius: 50%;
}

.content {
	padding: 1em;
}
}

@scope TO (.content > *) {
img {
	border-radius: 50%;
}

.content {
	padding: 1em;
}
}

@scope (#inner) {
@keyframes --my-anim {
	to {
		background-color: rgb(0, 0, 255);
	}
}
}

@scope (.media-object, div:active) to (.content > *, :hover) {}
